<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <link href="/static/video/video-js.css" rel="stylesheet"/>

    <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
    <script src="/static/video/videojs-ie8.min.js"></script>
    <script src="/static/js/jquery.min.js"></script>
    <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
    <title>Document</title>
    <style>
        .body {
            max-width: 900px;
            margin: auto;
            text-align: center;
        }

        .myVideo-dimensions {
            width: 600px;
            height: 500px;
            margin: 20px auto;
        }

        .input-group {
            margin: 20px 0;
        }
    </style>
</head>
<body>
<div class="body">
    <div class="search">
        <form id="submit">
            <div class="input-group">
                <span class="input-group-addon">解析方式</span>
                <select name="api" class="form-control">
                    <{volist name="api" id="v"}>
                    <option selected value="{{$v['url']}}">{{$v['name']}}</option>
                    <{/volist}>
                </select>
            </div>
            <div class="input-group">
                <span class="input-group-addon">视频地址</span>
                <input name="url" type="text" class="form-control" type="text" maxlength="100" placeholder="请粘贴网址">
            </div>
            <button type="submit">解析</button>
            <button type="button" onclick="pause()">jiazai</button>
        </form>

    </div>
    <video id="myVideo" preload="auto" class="video-js vjs-default-skin vjs-big-play-centered">
        <source id="source" src="https://youku.com-ok-56.com/20191203/20645_328726a2/index.m3u8" type="application/x-mpegURL">

    </video>
</div>

<script src="/static/video/video.js"></script>
<script src="/static/js/tools.js"></script>
<script src="/static/video/stand.js"></script>
</body>
</html>